<style>
  .wrapper {
    position: absolute;
    top: 44px;
    bottom: 0;
    width: 100%;
  }
  
  .scroller {
    margin: 0;
    padding: 0;
    background: #fff;
  }
  
  img {
    display: block;
  }
</style>
<div>
  <my-header title="缩放加自由滑动"></my-header>
  <div class="wrapper">
    <div class="scroller">
      <img src="http://www.chjtx.com/JRoll1/images/scrollfree.jpg" width="100%" height="auto">
    </div>
  </div>
</div>